<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<div class="data_list">
	<div class="data_list_title">
		<img
			src="${pageContext.request.contextPath}/static/images/about_icon.png" />&nbsp;我的相册
	</div>
	<div class="row-fluid container" style="text-align: center">
		<hr>
		<c:forEach items="${pictureList}" var="picture" varStatus="status">
			<c:if
				test="${status.index == 0|| status.index == 4 || status.index == 8 || status.index == 12}">
				<div class="row">
			</c:if>
			<div class="col-xs-2 col-md-2 col-lg-2">
				<a
					href="${pageContext.request.contextPath}/static/album/${picture.imageName}"
					class="thumbnail" data-lightbox="example-set"
					data-title="<div style='padding-top:5px;font-size: 16px'>ZeusML</div>">
					<img
					src="${pageContext.request.contextPath}/static/album/${picture.imageName}"
					alt="..." height="180px" style="height: 180px">
				</a>
				<div class="caption">
					<div>
						<label>${picture.title}</label>
					</div>
				</div>
			</div>
			<c:if test="${status.index == 3|| status.index == 7 || status.index == 11 || status.index == 15 || status.last}">
				</div>
			</c:if>
		</c:forEach>
	</div>
<div style="text-align: center;">
	<nav>
		<ul class="pagination">${pageCode }
		</ul>
	</nav>
</div>

</div>
<script src="${pageContext.request.contextPath}/static/js/lightbox.js"></script>
